.space {
  flex-grow: 1;
}

.el-button--small {
  min-width: 88px !important;
}

.el-button--small.n-w,
.el-input-group__append button.el-button,
.el-button-group > .el-button.el-button--small {
  min-width: unset !important;
}

.el-dropdown-menu__item {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin: 3px 5px;
  font-size: 13px !important;
  line-height: 2;
  // color: #333;
  border-radius: 5px;
}

.el-dropdown__popper.el-popper[role='tooltip'] {
  top: 32px !important;
  background: #f9f9f9;
  backdrop-filter: blur(20px);
}

.el-dropdown-menu__item:hover {
  color: white !important;
  background-color: var(--wos-box-side-tree-current-bg) !important;
}

.el-dropdown-menu__item span:hover {
  color: white !important;
}

.el-dropdown-menu {
  padding: 0 !important;
  background: transparent !important;
}

.el-dropdown-menu__item.line {
  height: 1px;
  margin: 0 15px;
  background: #333;
}

.el-dropdown-menu__item span {
  color: #aaa;
}

.el-tag__close {
  position: absolute !important;
  top: 6px !important;
  right: 3px !important;
}

/* 弹框 */
.el-dialog,
.el-message-box {
  border: solid 1px var(--wos-el-dialog-border-color) !important;

  .el-dialog__body,
  .el-message-box__content {
    padding: 8px 0 !important;
  }
}

/* 顶部下拉菜单取消箭头 */
.el-popper.top-dropdown-menu {
  .el-popper__arrow,
  .el-popper__arrow::before {
    display: none !important;
    width: 0;
    height: 0;
    content: '' !important;
    opacity: 0;
  }

  .el-scrollbar {
    width: 200px;
  }
}

/* 弹出框标题居中 */
.wos-common-confirm {
  .el-message-box__title {
    font-size: 14px;
    color: var(--el-text-color-primary);
    text-align: center;
  }
}

/* 树结构选中样式 */
// .el-tree-node.is-current > .el-tree-node__content,
// .el-tree--highlight-current
//   .el-tree-node.is-current
//   > .el-tree-node__content {
//   color: var(--wos-box-side-tree-current-color);
//   background-color: var(--wos-box-side-tree-current-bg) !important;

//   &:has(.el-checkbox.is-disabled) {
//     background-color: var(--el-disabled-bg-color) !important;
// cursor: not-allowed;
// background-color: var(--el-checkbox-disabled-input-fill);
// border-color: var(--el-checkbox-disabled-border-color);
//   }

//   .el-checkbox__inner {
//     border-color: var(--el-text-color-regular) !important;
//   }

//   .el-tree-node__expand-icon.expanded,
//   .custom-tree-node {
//     color: var(--wos-tree-selected-color);
//   }

//   svg {
//     color: var(--wos-tree-selected-color) !important;
//   }
// }

// .el-checkbox.is-disabled ~ .el-tree-node__label {
//   color: var(--el-disabled-text-color) !important;
// }

html[class='dark'] {
  .el-popper.top-dropdown-menu {
    background: #303030 !important;
  }

  .desktop {
    .top {
      .logo:hover,
      .network:hover,
      .datetime:hover,
      .widget:hover {
        background-color: #303030;
      }

      .status {
        .datetime .el-calendar {
          background: #303030 !important;

          .el-calendar__title {
            color: var(--el-text-color-primary) !important;
          }

          td.current {
            color: var(--el-text-color-primary) !important;
          }
        }
      }
    }
  }
}
